/*
 * base blue : #2D88CE
 * Monchrome :  pastel blue : #6FA9D6
 *              marine : #0D283D
 *              black blue : #1F303D
 *              blue : #1D5B89
 * Triad :  red : #C8413E
 *          yellow brown : #89890F
 *          brown yellox : #707012
 * Complementary : borwn : #704301
 *                 pastel orange: #BC8128
 * Compound: orange : #EF5E1B
 *
 *
 */

/* commons */
a, a:link, a:visited { color: #1D5B89; }
a:hover, a:focus { color: #C8413E; }

a[href^="http:"]:visited  { background-image: url(../images/icons/tick.png); }

a.button, button { color: #1F303D; float: none; }

.form-row { clear: both; float: left; width: 100%; }
.form-fieldset { clear: both; }
.form-row label { 
  display: block;
  float: left;
  margin-right: 1em;
  text-align: right;
  width: 112px;
}
.form-row input, .form-row select, .form-row textarea {
  display: block;
  float: left;
}
.form-row textarea.resizable { float: none; }
.form-row .default {
  width: 250px;
}
.form-row .short {
  width: 150px;
}
.form-row .long {
  width: 552px;
}

/* layout */
#header { border-bottom: 1px dashed #2D88CE; }
#header h1 { float: left; }
#menu { margin: 36px 0 0 0; }
  #menu li {
    float: left;
    list-style: none;
    margin: 0 1em;
  }
  #menu a {
    border: 1px solid #6FA9D6;
    border-width: 1px 1px 0 1px;
    padding: 0.5em 1em 0.3em 1em;
  }
  #menu a:hover, #menu a:focus {
    background: #0D283D;
  }
#footer { border-top: 1px dashed #1F303D; margin: 1em 0; }
  #footer p, #footer ul { display: inline; }
  #footer p { color: #666; margin-left: 12px; }
  #footer li { display: inline; }

#sidebar { padding-top: 3em; }

#content h1 { color: #1D5B89; margin-bottom: 0; }
#content .near { margin-bottom: 0; }

/* presentations */
#form-presentation { margin-top: 1em; }
#presentation-list { }
  #presentation-list dt { float: left; text-align: center; margin-right: 1em; }
    #presentation-list dt a img { border: 2px solid #2D88CE; }
    #presentation-list dt a:hover img, #presentation-list dt a:focus img { border: 2px solid #C8413E; }
  #presentation-list dd { border-bottom: 1px solid #6FA9D6; min-height: 246px; padding-top: 1em; }
    #presentation-list dd li { list-style: none; }
/* slides */
#form-slide { margin-top: 1em; }
#slides { float: left; }
  #slides li { display: block; float: left; height: 235px; margin-left: 0; margin-right: 5px; width: 300px; }
  #slides li img { border: 1px solid #EEE; width: 300px; }
  #slides .ui-sortable-placeholder { border: 3px dashed #6FA9D6; height: 229px; visibility: visible !important; width: 294px; }